<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>padding</title>
    <style>
        span{
            border: 1px red solid;
            width: 200px;
            padding: 10px ;
            float: left;
            margin: 10px auto;
            /*float: left;*/
        }
    div{
        /*padding的宽高要记录在盒子模型的宽高之内，border也要记录在盒子模型的宽高之内，但是margin并不算在宽高之内。所以在书写宽高时
        要注意减掉padding和border的距离（标准盒子模型）*/
        width: 200px;
    }
    </style>
</head>
<body>
<span>这是内容</span>
<div id="center">这是内容2</div>
</body>
</html>